

%myShopName{
    font-size: 28rpx;
    color: #333;
    line-height: 32rpx;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height:64rpx;
}

%shopTarget{
    vertical-align: middle;
    display: inline-block;  
    width: 60rpx;
    height: 30rpx;
    line-height: 30rpx;
    text-align: center;
    font-size: 22rpx;
    background: #FF3333;
    color:#fff;
    margin-right: 5rpx;
    border-radius:8rpx 8rpx 0rpx 8rpx;
    margin-top: -2px;
}
 .my{
  
    &-hot{
      
       .my-title{
           margin-bottom: 30rpx;
       }
       .sales{
        //    display: none;
       }
    }
    &-home{
        min-height: 100vh;
        background:$my-main-bg;   
        padding:20rpx;
        box-sizing: border-box;
        .scroll-x{
            width: 100%;
            height: 382rpx;
        }
        
    }
    &-search{
        height: 80rpx;
        border-radius: 40rpx;
        line-height: 80rpx;
        background: #fff;
        position: relative;
        font-size: 26rpx;
        color:#999;
        padding: 0 45rpx 0 100rpx;
        box-sizing: border-box;
        position: relative;
       
        margin-bottom: 20rpx;
        .icon{
            height: 34rpx;
            width: 35rpx;
            position: absolute;
            top:50%;
            left:45rpx;
            transform: translateY(-50%);
            vertical-align: top;
            margin-right: 25rpx;
        }
    }
    &-banner{
        width: 100%;
        height: 250rpx;
        overflow: hidden;
        margin-bottom: 45rpx;
    

        border-radius: 20rpx;
        swiper-item,image{
            border-radius: 20rpx;
        }
        image{
            width: 710rpx;
            height: 310rpx;
        }
    }

    &-selectedShop{
     
   
        .my-title{
            margin-bottom: 30rpx;
        }
        
        &-group{
            background:#fff;
            margin-bottom: 30rpx;
            .shopcard{
                background:#fff;
            }
        }
        
    }

    &-title{
        color: #000;
        font-size: 34rpx;
        position: relative;
        margin-bottom: 10rpx;
        line-height:36rpx;
        
 
        &::before{
            content:"";
            display: inline-block;
            vertical-align: top;
            width: 10rpx;
            height: 36rpx;
            background:$my-main-color;
            overflow: hidden;
            margin-right: 15rpx;
        }
        .more{
            color:#999;
            font-size: 28rpx;
            position: absolute;
            right:0;
            top:0;
            height: 36rpx;
        }
        .allow-left{
            margin-left: 10rpx;
            transform: translateY(1px);
        
        }

    }

   &-selectedGood{
             padding:0 20rpx;
             display: flex;
             justify-content: space-between;
            
    }

    &-nearby{
       
        padding-top: 20rpx;
        .card{
            margin-bottom: 20rpx;
        }

        .shopcard{
            background:#fff;
        }
    }

    
}



/deep/ .small-shop{
    width: 210rpx;
  
    margin-right: 15rpx;

    background: #fff;
    border-radius: 15rpx;
    &:last-child{
        margin-right: 0;
    }
    .pic{
        width: 210rpx;
        height: 160rpx;
        background: #fff;
        overflow: hidden;
        border-radius: 15rpx ;
        image{
            width: 100%;
            height: 100%;
            
        }
    }
    .bottom{
       
        padding: 20rpx 10rpx 10rpx;
        text-align: left;
    }
    .n{
        font-size: 28rpx;
        color: #333;
        line-height: 32rpx;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 20rpx;
    }
    
    .price{

        display: flex;
        justify-content: space-between;
        align-items: center;

        .now{
            color:#FF3333;
            font-size:30rpx;
        }

        .old{
            font-size: 22rpx;
            color:#999;
            text-decoration:line-through;
        }
    }
}

.my-nearby{
    .my-title{
        margin-bottom: 30rpx;
    }
    .shopcard{
        margin-bottom: 20rpx;
        &:last-child{
            margin-bottom: 0;
        }
    }
}
.hotcard{
    width: 345rpx;
    margin-bottom: 20rpx;
}

.tab-view{
  
    
}
.my-container{
    min-height: calc( 100vh - 160rpx );
}

.my-ptop{
   
    .my-nearly{
       
    }
}

.my-hot{
     transform: translateY(-70rpx);
}
.my-nearly{
    padding-top: 10rpx;
}

